<div class="col-jy-{num}">
	<div class="ibox float-e-margins">
            <div class="ibox-content">
				<div class="echarts" id="echarts_{name}" style="height: 310px;display: none;"></div>
				<div class="spiner-example" id="echarts-loading-{name}">
						<div class="sk-spinner sk-spinner-three-bounce">
							<div class="sk-bounce1"></div>
							<div class="sk-bounce2"></div>
							<div class="sk-bounce3"></div>
						</div>
                </div>
			</div>
        </div>
</div>
<script type="text/javascript">
setTimeout(function(){
$("#echarts-loading-{name}").hide()
		   $("#echarts_{name}").show();
			pie_chart_{name}(res);

} ,500);
function pie_chart_{name}(res){
	require(['echarts'],function (echarts) {
		var myChart = echarts.init(document.getElementById("echarts_{name}"));
		var options={options};
		myChart.setOption(options);
		$(window).resize(myChart.resize);
	});
}; 
</script>